<!--<?php
print <<<EOT
-->
<script src="css/edit.js"></script>
<script>
<!--

function addCart(id) {
    var buy_num = document.getElementById('buy_num_form').value;
    if (!IsNumber(buy_num)) {
        alert('Please enter the order qty !');
        return false;
    } else {
        url = "cart_view.php?act=add&inventorytype=0&inventoryid=0&pid="+id+"&js=1&addnum="+buy_num;
        document.getElementById('addtocontentiframe').src=url;
    }
}

function addWishlist(id, code) {
    url = "wishlist_view.php?act=add&pid="+id+"&code="+code;
    document.getElementById('addwishlist').src=url;
    
}

var pid = '{$pid}';
var categoryid = '{$categoryid}';
var fid = '{$fid}';

var go_url2 = 'product_details.php?categoryid='+categoryid+'&fid=' + fid + '&pid=' + pid;
function goPreviewPage() {
    url = go_url2 +'&gotype=preview{$new_url}';
    location.href=url;
}

function goNextPage() {
    url = go_url2 +'&gotype=next{$new_url}';
    location.href=url;
}

//-->
</script>

        <tr>
          <td background="images/colour/jf_colour_gold_100.gif" width="1"><img src="images/spacer.gif" width="1" height="1" alt=""></td>
          <td bgcolor="FFFFFF" width="10"><img src="images/spacer.gif" width="10" height="1" alt=""></td>
          <td bgcolor="FFFFFF" width="720" align="left" valign="top"><div><img name="" src="images/spacer.gif" width="720" height="10" alt=""></div>
           $category_list</td>
                <td background="images/colour/jf_colour_navy_100.gif" width="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                <td width="568" align="left" valign="top" background="./images/colour/jf_colour_navy_07.gif"><table width="568" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td background="images/colour/jf_colour_navy_100.gif" height="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                    </tr>
                    <tr>
                      <td bgcolor="FFFFFF" align="left" valign="middle" class="breadcrumb" height="14">&nbsp;<a href='index.php'>Home</a>&gt;<a href="products.php">Products</a>$guide</td>
                    </tr>
                  </table>
                  <div><img src="attachments/guide_product_default.jpg" alt="How To Order" name="jf_section_header_placer" width="568" height="95" id="jf_section_header_placer"></div>
                  <div><img name="" src="images/spacer.gif" width="568" height="4" alt=""></div>
                  <!--div align="right"><a href="javascript:;" onClick="MM_openBrWindow('printer.php?page=product_details&pid={$product_info_ary['id']}','printerfriendly','scrollbars=yes,width=600,height=500')" onMouseOver="MM_swapImage('jf_button_printer_friendly','','./images/button/jf_button_printer_friendly-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="./images/button/jf_button_printer_friendly.gif" alt="Printer Friendly" name="jf_button_printer_friendly" width="80" height="13" border="0" id="jf_button_printer_friendly"></a></div-->
                  <div><img name="" src="images/spacer.gif" width="568" height="4" alt=""></div>
                  <a name="small_screen"></a>
                  
<!--
EOT;
 {
print <<<EOT
-->                     
                  
                  <table width="568" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="10"><img name="" src="images/spacer.gif" width="10" height="10" alt=""></td>
                      <td bgcolor="FFFFFF" width="548"><div><img name="" src="images/spacer.gif" width="538" height="5" alt=""></div>
                        <table width="538" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td class="show_title">$category_name</td>
                            <td style="text-align:right"  >
															<a style="cursor:pointer" onclick="goPreviewPage()" onmouseover="document.getElementById('jf_button_back1').src='./images/button/jf_button_back-over.gif'" onmouseout="document.getElementById('jf_button_back1').src='./images/button/jf_button_back.gif'"><img src="images/button/jf_button_back.gif" id="jf_button_back1" width="90" height="20" border="0"></a>
															<a style="cursor:pointer" onclick="goNextPage()" onmouseover="document.getElementById('jf_button_next1').src='./images/button/jf_button_next-over.gif'" onmouseout="document.getElementById('jf_button_next1').src='./images/button/jf_button_next.gif'"><img src="images/button/jf_button_next.gif" id="jf_button_next1" width="90" height="20" border="0"></a>
														</td>
                          </tr>
                          <tr>
                            <td colspan="2" background="images/colour/jf_colour_navy_100.gif"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                          </tr>
                          <tr>
                            <td colspan="2"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                          </tr>
                        </table>

                        <div><img name="" src="images/spacer.gif" width="538" height="5" alt=""></div></td>
                      <td bgcolor="FFFFFF" width="10"><img name="" src="images/spacer.gif" width="10" height="10" alt=""></td>
                      <td  background="images/colour/jf_colour_navy_15.gif" align="left" valign="top" width="1"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="4" alt=""></td>
                    </tr>
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="2" alt=""></td>
                      <td  background="images/colour/jf_colour_navy_15.gif" align="left" valign="top" height="1" colspan="4"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="2" alt=""></td>
                    </tr>
                  </table>
                  
<!--
EOT;
}
print <<<EOT
-->                    
                  
                  <div><img name="" src="images/spacer.gif" width="568" height="4" alt=""></div>
                  
                  
                  <table width="568" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="548"><img name="" src="images/spacer.gif" width="548" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td width="1" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="4" alt=""></td>
                    </tr>
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="548" align="center"><img src="attachments/{$product_info_ary['pic']}" alt="{$product_info_ary['name']}" name="jf_product_images_lg_image"  class="picture" id="jf_product_images_lg_image"></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td width="1" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="4" alt=""></td>
                    </tr>
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="548"><img name="" src="images/spacer.gif" width="548" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td width="1" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="4" alt=""></td>
                    </tr>
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="548">
												<table width="548" border="0" cellspacing="0" cellpadding="0">
                          
                          <tr>
                            <td colspan="9" height="15" align="left" valign="middle"><b class="productDetailsGoldText">{$product_info_ary['code']}</b></td>
                          </tr>

                          <tr>
                            <td background="images/colour/jf_colour_navy_100.gif" colspan="9" height="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                          </tr>                          
                           
                          <tr>
                            <td  colspan="8" align="left" valign="middle"><span  class="productDetailsTitles">{$product_info_ary['name']}</span> {$item_flag} {$remarks}</td>
                            <td align="right" valign="middle"><!--a href="javascript:addWishlist('{$product_info_ary['id']}')">Send to Friends</a--></td>
                          </tr>
                          
                          <tr><td colspan="9" height="15" ></td></tr>
                          
                          <tr>
                            <td height="15"  width="15%" rowspan=3 align="right" valign="middle"  width="10%"><strong>Dimensions</strong> :</td>
                            <td height="15"  style="width:40px" align="right" ><b>W</b></td>
                            <td height="15"  style="width:40px"  align="right" ><b>D</b></td>
                            <td height="15"  style="width:40px"  align="right" ><b>H</b></td>
                            <td height="15"  style="width:30px"  align="left" class="productDetailsGoldText">&nbsp;</td>
                            <td height="15"  style="width:30px"  align="left" class="productDetailsGoldText">&nbsp;</td>
                            <td height="15"  style="width:30px"  align="left" class="productDetailsGoldText">&nbsp;</td>
                            <td height="15"  style="width:30px"  align="left" class="productDetailsGoldText">&nbsp;</td>
 														<td   class="shown_td"  style="width:170px" >
														 	 
														</td>
                          </tr> 
                          <tr style=" ">
                            <td height="15" colspan=1  align="right" valign="middle" class="productDetailsGoldText">{$product_info_ary['width']}</td>
                            <td height="15" align="right" valign="middle" class="productDetailsGoldText">{$product_info_ary['length']}</td>
                            <td height="15" align="right" valign="middle" class="productDetailsGoldText">{$product_info_ary['height']}</td>
                            <td height="15" align="left"  valign="middle" >&nbsp;<b>[cm]</b></td>
                            <td height="15" align="right" valign="middle" class="productDetailsGoldText">{$product_info_ary['cbm']}</td>
                            <td height="15" align="left"  valign="middle" >&nbsp;<b>[cbm]</b></td> 
                            <td height="15" align="left"  valign="middle" >&nbsp;</td> 
 														<td rowspan="5" class="shown_td"  style="width:190px" >
														<style type="text/css">
														td.shown_td div{
														margin:2px auto;
														padding-top:0px;
														margin-top:0px;
														}
														
														table.sp{
														width:100%;
														padding:0px;
														margin:0px;
													/* 	border-collapse:collapse; */
														}
														table.sp tr{
														padding-top:0px;
														margin-top:0px;
														}
														table.sp td{
														vertical-align:top;
														padding-top:0px;
														margin-top:0px;
														padding-bottom:2px;
														}
														td.sp1{
														text-align:left;width:40px;
														
														}
														td.sp2{
														text-align:right;width:40px; 
														}
														td.sp3{
														text-align:left; 
														}
														</style>
															<div style="height:80px;">
																<table border="0" class="sp" >
<!--
EOT;
if ($product_info_ary['finishshown'] != '') {
print <<<EOT
-->
																	<tr>
																		<td class="sp1" >Finish</td>
																		<td class="sp2" >Shown:</td>
																		<td class="sp3" >{$product_info_ary['finishshown']}</td>
																	</tr>
<!--
EOT;
}
print <<<EOT
--> 
														 

<!--
EOT;
if ($product_info_ary['fabricshown'] != '') {
print <<<EOT
-->	
																	<tr>
																		<td class="sp1" >Fabric</td>
																		<td class="sp2" >Shown:</td>
																		<td class="sp3" >{$product_info_ary['fabricshown']}</td>
																	</tr>
<!--
EOT;
}
print <<<EOT
--> 
																	
<!--
EOT;
if ($product_info_ary['leathershown'] != '') {
print <<<EOT
-->																	
																	<tr>
																		<td class="sp1" >Leather</td>
																		<td class="sp2" >Shown:</td>
																		<td class="sp3" >{$product_info_ary['leathershown']}</td>
																	</tr>
<!--
EOT;
}
print <<<EOT
--> 
																	
<!--
EOT;
if ($product_info_ary['marbleshown'] != '') {
print <<<EOT
-->																	
																	<tr>
																		<td class="sp1" >Marble</td>
																		<td class="sp2" >Shown:</td>
																		<td class="sp3" >{$product_info_ary['marbleshown']}</td>
																	</tr>
<!--
EOT;
}
print <<<EOT
--> 
																</table>
															</div>	 
														</td>														
                          </tr> 
                          <tr style=" ">
                            <td height="15" colspan=1 align="right" valign="middle" class="productDetailsGoldText">{$width_inch}</td>
                            <td height="15" align="right" valign="middle" class="productDetailsGoldText">{$length_inch}</td>
                            <td height="15" align="right" valign="middle" class="productDetailsGoldText">{$height_inch}</td>
                            <td height="15" align="left" valign="middle" >&nbsp;<b>[inch]</b></td>
                            <td height="15" align="right" valign="middle" class="productDetailsGoldText">{$product_info_ary['cuft']}</td>
                            <td height="15" align="left" valign="middle" >&nbsp;<b>[cuft]</b></td> 
                            <td height="15" align="left"  valign="middle" >&nbsp;</td> 
                          </tr> 
                          
                          <tr><td colspan="8" height="6" ></td></tr>
                          
                          <tr>
                            <td height="15" colspan=1 align="right" valign="middle"><strong>Price</strong> :</td>                            
                            <td align="right">&nbsp;$price_show</td>
                            <td align="left">&nbsp;&nbsp;$money_type</td>
                            <td colspan=5 align="right"></td>
                          </tr>
                          
                          <tr>
                            <td height="15" colspan=1 align="right" valign="middle"><strong>Order Qty</strong> :</td>                            
                            <td align="right">&nbsp;<input id="buy_num_form" class="form" name="qty" size="2" value="" /></td>
                            <td colspan="6" align="right"></td>
                            
                            
                          </tr> 
                          
                          <tr><td colspan="8" height="4" ></td></tr>
                          
                          
<!--
EOT;
if ($cate_id>1000) {
print <<<EOT
-->     
                          <tr>
                            <td colspan=2 align="left" valign="middle"><a href="javascript:;" onclick="addWishlist('{$product_info_ary['id']}', '{$product_info_ary['code']}')"><img src="images/button/jf_button_wishlist.gif" alt="Add to Wishlist" width="82" height="13" border="0" id="jf_button_wishlist"></a></td>                            
                            <td colspan=2 align="right"></td>
                            <td colspan=5 align="right"><a href="javascript:;" onclick="addCart('{$product_info_ary['id']}')"  onMouseOver="MM_swapImage('jf_button_add_to_container','','images/button/jf_button_add_to_container-over.gif',1)" onMouseOut="MM_swapImgRestore()">
                            <img src="images/button/jf_button_add_to_container.gif" alt="Add to Basket" width="120" height="20" border="0" id="jf_button_add_to_container">
                            </a></td>
                          </tr>
                          
                          <tr><td colspan="9" height="12" ></td></tr>
                          
                          <tr>
													
                            <td colspan=9>
															<div style="position:relative;text-align:center">
																
																<a style="cursor:pointer"  onclick="goPreviewPage()" onmouseover="document.getElementById('jf_button_back').src='./images/button/jf_button_back-over.gif'" onmouseout="document.getElementById('jf_button_back').src='./images/button/jf_button_back.gif'">
                		      <img src="images/button/jf_button_back.gif" id="jf_button_back" width="90" height="20" border="0">
                		      </a>
																 <a style="cursor:pointer;margin-left:60px;"  onclick="goNextPage()" onmouseover="document.getElementById('jf_button_next').src='./images/button/jf_button_next-over.gif'" onmouseout="document.getElementById('jf_button_next').src='./images/button/jf_button_next.gif'">
                	          <img src="images/button/jf_button_next.gif" id="jf_button_next" width="90" height="20" border="0">
                	          </a>
																
																<div style="position:absolute;right:0px;top:0px">
																	<a href="javascript:;" onClick="MM_openBrWindow('printer.php?page=product_details&amp;pid={$product_info_ary['id']}','printerfriendly','scrollbars=yes,width=600,height=500')" onMouseOver="MM_swapImage('jf_button_printer_friendly','','images/button/jf_button_print-over.gif',1)" onMouseOut="MM_swapImgRestore()">
                              <img src="images/button/jf_button_print.gif" alt="Printer Friendly" name="jf_button_printer_friendly" width="90" height="20" border="0" id="jf_button_printer_friendly">
                              </a>
																</div>
															</div>
														</td>													
													 
                          </tr>

<!--
EOT;
} else {
print <<<EOT
--> 
                                               
                          
                          <tr>
                            <td colspan=2 align="left" valign="middle"><a href="javascript:;" onclick="addWishlist('{$product_info_ary['id']}', '{$product_info_ary['code']}')"><img src="images/button/jf_button_wishlist.gif" alt="Add to Wishlist" width="82" height="13" border="0" id="jf_button_wishlist}"></a></td>                            
                            <td colspan=2 align="right"></td>
                            
                            <td colspan=3 align="right">
                            <a href="javascript:;" onClick="MM_openBrWindow('printer.php?page=product_details&amp;pid={$product_info_ary['id']}','printerfriendly','scrollbars=yes,width=600,height=500')" onMouseOver="MM_swapImage('jf_button_printer_friendly','','images/button/jf_button_print-over.gif',1)" onMouseOut="MM_swapImgRestore()">
                              <img src="images/button/jf_button_print.gif" alt="Printer Friendly" name="jf_button_printer_friendly" width="90" height="20" border="0" id="jf_button_printer_friendly">
                              </a>
                            </td>
                            
                            <td colspan=2 align="right"><a href="javascript:;" onclick="addCart('{$product_info_ary['id']}')"  onMouseOver="MM_swapImage('jf_button_add_to_container','','images/button/jf_button_add_to_container-over.gif',1)" onMouseOut="MM_swapImgRestore()">
                            <img src="images/button/jf_button_add_to_container.gif" alt="Add to Basket" width="120" height="20" border="0" id="jf_button_add_to_container}">
                            </a></td>
                          </tr>

<!--
EOT;
}
print <<<EOT
-->           
                           
                          <tr><td colspan="9" height="12" ></td></tr>
                          
                         
                          
                          <tr><td colspan="9" height="16" ></td></tr>
                          
                          <!--tr>                                 
                            <td colspan=2>&nbsp;</td>
                            <td colspan=4 align="center" valign="middle">
                              <a href="javascript:;" onClick="MM_openBrWindow('printer.php?page=product_details&pid={$product_info_ary['id']}','printerfriendly','scrollbars=yes,width=600,height=500')" onMouseOver="MM_swapImage('jf_button_printer_friendly','','./images/button/jf_button_print-over.gif',1)" onMouseOut="MM_swapImgRestore()">
                              <img src="./images/button/jf_button_print.gif" alt="Printer Friendly" name="jf_button_printer_friendly" width="90" height="20" border="0" id="jf_button_printer_friendly">
                              </a>
                            </td>
                            <td colspan=2 align="right" valign="middle">                              
                            </td>
                          </tr-->
                          
                          
                                                
                          <!--tr>
                            <td colspan="8" height="15" align="left" valign="middle"><strong>Dimensions:</strong> &nbsp;
                              Length: <span class="productDetailsGoldText"> {$product_info_ary['length']} </span> &nbsp;
                              Width: <span class="productDetailsGoldText"> {$product_info_ary['width']} </span> &nbsp;
                              Height: <span class="productDetailsGoldText"> {$product_info_ary['height']} </span> &nbsp;<br>
                              <strong>CBM:</strong> <span class="productDetailsGoldText"> {$product_info_ary['cbm']} </span> &nbsp;<br>
                              <!--Depth: <span class="productDetailsGoldText"> n/a </span>--> 
                           
                                                  
                        </table></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td width="1" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="4" alt=""></td>
                    </tr>
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="548"><img name="" src="images/spacer.gif" width="548" height="5" alt=""></td>
                      <td bgcolor="FFFFFF" width="5"><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td width="1" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="4" alt=""></td>
                    </tr>
                    <tr>
                      <td width="5"><img name="" src="images/spacer.gif" width="5" height="1" alt=""></td>
                      <td width="5" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_07.gif" width="1" height="1" alt=""></td>
                      <td background="images/colour/jf_colour_navy_15.gif" width="548"><img name="" src="images/spacer.gif" width="548" height="1" alt=""></td>
                      <td background="images/colour/jf_colour_navy_15.gif" width="5"><img name="" src="images/spacer.gif" width="5" height="1" alt=""></td>
                      <td width="1" align="left" valign="top" background="images/colour/jf_colour_navy_15.gif"><img name="" src="images/colour/jf_colour_navy_15.gif" width="1" height="1" alt=""></td>
                      <td width="4"><img name="" src="images/spacer.gif" width="4" height="1" alt=""></td>
                    </tr>
                  </table>
                  
                  
                  <div><img name="" src="images/spacer.gif" width="568" height="4" alt=""></div>
                  
                  <iframe name='addwishlist' width=0 height=0 src="about:blank" id='addwishlist'></iframe>
                  <iframe name='addtocontentiframe' width=0 height=0 src="about:blank" id='addtocontentiframe'></iframe>
                  
                  <div><img name="" src="images/spacer.gif" width="10" height="2" alt=""></div></td>
                <td background="images/colour/jf_colour_navy_100.gif" width="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
              </tr>
              <tr>
                <td background="images/nav/jf_nav_main_bkgd.gif" wid><img name="" src="images/spacer.gif" width="150" height="20" alt=""></td>
                <td background="images/colour/jf_colour_navy_100.gif" width="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                <td><table width="568" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td background="images/colour/jf_colour_navy_100.gif" height="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                      <td background="images/colour/jf_colour_navy_100.gif" height="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                    </tr>
                    <tr>
                      <td align="left" valign="middle" height="18"><a href="{$return_href}" onMouseOver="MM_swapImage('jf_button_return_to_listing','','images/button/jf_button_return_to_listing-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/button/jf_button_return_to_listing.gif" alt="" name="jf_button_return_to_listing" width="90" height="13" border="0" id="jf_button_return_to_listing"></a></td>
                      <td align="right" valign="middle" height="18"><a href="#top" onMouseOver="MM_swapImage('jf_button_back_to_top','','images/button/jf_button_back_to_top-over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/button/jf_button_back_to_top.gif" alt="Back to top" name="jf_button_back_to_top" width="70" height="13" border="0" id="jf_button_back_to_top"></a></td>
                    </tr>
                    <tr>
                      <td background="images/colour/jf_colour_navy_100.gif" height="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                      <td background="images/colour/jf_colour_navy_100.gif" height="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
                    </tr>
                  </table></td>
                <td background="images/colour/jf_colour_navy_100.gif" width="1"><img name="" src="images/spacer.gif" width="1" height="1" alt=""></td>
              </tr>
            </table>
            <div><img name="" src="images/spacer.gif" width="720" height="10" alt=""></div></td>
          <td bgcolor="FFFFFF" width="10"><img src="images/spacer.gif" width="10" height="10" alt=""></td>
          <td background="images/colour/jf_colour_gold_100.gif" width="1"><img src="images/spacer.gif" width="1" height="1" alt=""></td>
        </tr>
        
<script>
<!--

var height2 =screen.height;
var width2 =screen.width;
//alert(width2+"x"+height2);
if (height2 <769) {
//if (height2 <1025) {
    location.href="#small_screen";
}

-->
</script>        
        
<!--
EOT;
?>-->